<template>
    <el-row :gutter="20">
        <el-col :span="21">
            <div class="breadcrumb">
<!--                面包屑导航 -->
              <Breadcrumb />
            </div>
        </el-col>
        <el-col :span="3">
          <Self />
        </el-col>
    </el-row>
</template>

<script setup>
import Breadcrumb from "./Breadcrumb.vue";
import Self from "./Self.vue";

</script>

<style scoped lang="less">
@import "src/assets/css/common.less";
.el-row {
    width: 100%;
    height: @TopHeight;
    margin-left: 0 !important;
    margin-right: 0 !important;
    //box-shadow: #505458;
}                                                                                                    
.el-row:last-child {
    margin-bottom: 0;
}
.el-col {
    height: 100%; //继承el-row的高度60px
    //border: 1px solid royalblue;
    .breadcrumb{
        /* 让内容在顶部居中显示*/
        display: flex;
        justify-content: left;
        align-items: center;
        height: 100%;
        padding-left:10px;
    }
}


</style>